<template>
  <div class="DetailSwiper">
    <Swiper class="swiperitem">
      <SwiperItem v-for="item in topImages">
        <img :src="item" alt="">
      </SwiperItem>
    </Swiper>
  </div>
</template>
<script>
  import{Swiper,SwiperItem} from 'components/common/swiper';
  export default{
    name:'detailSwiper',
    components:{
      Swiper,
      SwiperItem
    },
    props:{
      topImages:{
        type:Array,
      default(){
        return[]
      }
    }
      }
  }
</script>
<style scoped>
  .swiperitem{
    height: 300px;
    overflow: hidden;
  }
</style>